<!DOCTYPE html>
<html lang="en">
<head>

<meta charset="utf-8">
<link href="../bootstrap/css/bootstrap.css" rel="stylesheet">
<script type="text/javascript" src="../jquery-1.7.2.js"></script>
<script type="text/javascript" src="../bootstrap/js/bootstrap.js"></script>

<script type="text/javascript">
$(document).ready(function() {
	$('.dropdown-toggle').dropdown();

	$('#myModal_Turn').modal({
		backdrop:false,
	    keyboard:true,
	    show:true
	});
	$('#myModal_Comment').modal({
		backdrop:false,
	    keyboard:true,
	    show:true
	});
	$('#myModal_Turn').modal('hide');
	$('#myModal_Comment').modal('hide');
	
});
	
</script>

</head>


<body>
	<!-- bar -->
	<div class="navbar">
		<div class="navbar-inner">
			<div class="span12 offset3">
				<div class="container">
					<a class="brand" href="index.html"><img
						src="img/header_logo.png">吾活着</a>
					<div class="nav-collapse">
						<ul class="nav">

							<li><a href="index5.html">解惑</a></li>
							<li><a href="http://5huozhe.com">点滴</a></li>
							<li><a href="group.html">小组</a></li>
							<li><a href="name.html">名人志</a></li>
						</ul>
						<ul class="nav pull-right">
							<li class="dropdown"><a href="#" class="dropdown-toggle"
								data-toggle="dropdown"><i class="icon-user icon-white"></i>&nbsp;明月江南<b
									class="caret"></b> </a>
								<ul class="dropdown-menu">
									<li><a href="setting_head.html"> <i class="icon-cog"></i>
											个人设置</a>
									</li>
									<li class="divider"></li>
									<li><a href="#"> <i class="icon-user"></i> 退出</a>
									</li>
								</ul></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>


	<div class="container">
		<div class="span12">
			<div class="row-fluid">
				<div class="span2" style="text-align: center;">
					<img alt="" src="img/head1.jpg" />
					<div>明月江南</div>

					<br>
					<div>
						<ul class="nav nav-pills">
							<li><a href="#"
								style="padding-left: 8px; padding-right: 8px;">56<br>关注</a>
							</li>
							<li><a href="#"
								style="padding-left: 8px; padding-right: 8px;">290<br>粉丝</a>
							</li>
							<li><a href="#"
								style="padding-left: 8px; padding-right: 8px;">125<br>文章</a>
							</li>
						</ul>
					</div>
					<div>
						<a href="#" class="btn btn-success"><i
							class="icon-plus icon-white"></i>加关注</a>
					</div>
					<br>
					<ul class="nav nav-pills nav-stacked">
						<li class="active"><a href="#">个人首页</a></li>
						<li><a href="setting_basic.html">基本信息</a>
						</li>
						<li><a href="setting_head.html">修改头像</a>
						</li>
						<li><a href="setting_password.html">修改密码</a>
						</li>
						<li><a href="send_bless.html">真情传递</a></li>
					</ul>
				</div>
				<div class="span10">
					<form class="well form-horizontal" name="" action="" method="post">
						<fieldset>
							<legend>
								<img alt="" src="img/send_weibo.png"> <br>
								<textarea rows="3" style="width: 620px;"></textarea>
								<div class="span10" style="text-align: right;">
									<a href="#" class="btn btn-primary">发表</a>
								</div>

							</legend>
							<ul class="nav nav-tabs">
								<li class="active"><a href="my_follower.html">全部</a>
								</li>
								<li><a href="follower_me.html">我发表的</a>
								</li>
								<li><a href="follower_me.html">@我的</a>
								</li>
								<li><a href="follower_me.html">评论我的</a>
								</li>
							</ul>
							<table class="table">
								<tr style="border-bottom: 1px dashed #DDDDDD;">
									<td class="span2"
										style="border-top: 0px solid #DDDDDD; width: 70px;"><img
										alt="" src="img/follower1.jpg">
										<div style="text-align: center;">
											<a href="#">秦岚</a>
										</div></td>
									<td class="span10" style="border-top: 0px solid #DDDDDD;">
										<a href="#" style="float: left">人生应该如何规划</a> <span
										style="font-size: 12px; color: #95A5A9; float: right">20分钟前</span>

										<div style="clear: both;">
											<div style="margin-top: 30px;">
												“因为年少的无知与浮躁，我差一点错过了它。所以当你还未尝过痛苦，当你还未开始尝试看透生命，请好好的收着它，不要读它。”这是阿落对《百年孤独》的评价。
												阅历浮浅时，即使大费周章，所能刻印的理解痕迹也是浅淡的。
												然而第一印象往往很重要，并且随着个人成长而定格成一个鲜艳的印象。于是当我们的阅历能够与作品契合共鸣时，反倒因为第一印象的提醒而止步擦肩。有一句话说“熟悉是熟悉的障碍”，形容这种情况，倒是挺贴切的。
												虽然第一印象很重要，但同时却要小心提防第一印象作祟。</div>

										</div>

										<div style="clear: both;">
											<div style="margin-top: 30px; text-align: right;">
												<a href="#myModal_Turn" data-toggle="modal">转发(25)</a>&nbsp; <a href="#myModal_Comment" data-toggle="modal"">评论(33)</a>
											</div>
										</div></td>

								</tr>

							</table>
							<div class="pagination pagination-right"
								style="margin-right: 50px;">
								<ul>
									<li><a href="#">前一页</a>
									</li>
									<li class="active"><a href="#">1</a></li>
									<li><a href="#">2</a>
									</li>
									<li><a href="#">3</a>
									</li>
									<li><a href="#">4</a>
									</li>
									<li><a href="#">后一页</a>
									</li>
								</ul>
							</div>
						</fieldset>
					</form>
				</div>
			</div>
		</div>
	</div>

	<div class="modal" id="myModal_Turn" style="margin:-250px 0 0 -200px">
		<div class="modal-header">
			<a class="close" data-dismiss="modal">×</a>
			<h3>转发<a href="#" style="font-size:15px;margin-left:20px">人生应该如何规划</a> </h3>
		</div>
		<div class="modal-body">
			<p style="text-align:center;">
			<textarea rows="5" style="width:450px">
			
			</textarea>
			</p>
			<div style="margin-left:32px;">
			<label class="checkbox"><input type="checkbox"/>同时评论给 张三</label>
			<label class="checkbox"><input type="checkbox"/>同时评论给原文作者 李四</label>
			</div>
		</div>
		<div class="modal-footer">
			<a href="my_index.html" class="btn btn-success">转&nbsp;发</a>
		</div>
	</div>
	
	<div class="modal" id="myModal_Comment" style="margin:-250px 0 0 -200px">
		<div class="modal-header">
			<a class="close" data-dismiss="modal">×</a>
			<h3>评论<a href="#" style="font-size:15px;margin-left:20px">人生应该如何规划</a> </h3>
		</div>
		<div class="modal-body">
			<p style="text-align:center;">
			<textarea rows="5" style="width:450px">
			
			</textarea>
			</p>
			<div style="margin-left:32px;">
			<label class="checkbox"><input type="checkbox"/>同时转发</label>
			<label class="checkbox"><input type="checkbox"/>同时评论给原文作者 李四</label>
			</div>
		</div>
		<div class="modal-footer">
			<a href="my_index.html" class="btn btn-success">评&nbsp;论</a>
		</div>
	</div>
</html>